<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏界面</title>
    <link rel="shortcut icon" href="童年模拟器.ico">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/游戏.css">
</head>

<body>
<div class="topbar"><!--控制背景还有高度-->
    <div class ="container"><!--限制宽度-->
        <div class="topbar-nav">
            <a href="#">
                童年模拟器
            </a>

            <a href="游戏界面.html">
                童年游戏
            </a>

            <a href="#">
                小卖铺狂欢
            </a>

            <a href="#">
                随机童谣生成器
            </a>

            <a href="#">
                童年歌曲大赏
            </a>

            <a href="#">
                看电视
            </a>

        </div>
        <div class="topbar-info">
            <a href="登录.html">
                登录
            </a>

            <a href="注册.html">
                注册
            </a>
            <a href="#">
                消息通知
            </a>
        </div>
        <div class="topbar-cart">
            <a href="#">
                小卖铺购物车 (0)
            </a>

        </div>
    </div>
</div>
    <div class="shell1">
        <div class="tall">
            <a  class="a1"href="E:\赖乐的地盘3\童年网页资料\html5-canvas-box-game\index.html",target="_blank"><
                <img src="img/推箱子.png">
                <span>推 箱 子 </span>
           
        </a>
       
        </div>
        <div>
            <a class="a1" href="E:\赖乐的地盘3\童年网页资料\html5-king-boxing\index.html",target="_blank">
                <img src="img/街头霸王.png">
                <span>街 头 霸 王</span>
            
        </a>
        
        </div>
        <div><span>3</span></div>
        <div class="wide"><span>4</span></div>
        <div><span>5</span></div>
        <div class="tall"><span>6</span></div>
        <div class="big"><span>7</span></div>
        <div><span>8</span></div>
        <div class="wide"><span>9</span></div>
        <div class="big"><span>10</span></div>
        <div class="tall"><span>11</span></div>
        <div><span>12</span></div>
        <div><span>13</span></div>
        <div><span>14</span></div>
        <div><span>15</span></div>
        <div class="wide"><span>16</span></div>
        <div><span>17</span></div>
        <div><span>18</span></div>
        <div class="wide"><span>19</span></div>
        <div><span>20</span></div>
        <div class="wide"><span>21</span></div>
        <div class="big"><span>22</span></div>
        <div><span>23</span></div>
        <div><span>24</span></div>
        <div class="big"><span>25</span></div>
        <div class="tall"><span>26</span></div>
        <div><span>27</span></div>
        <div><span>28</span></div>
        <div><span>29</span></div>
    </div>
</body>

</html>